<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.dataTables.min.js"></script>
<link rel="stylesheet" href="css/demo_table.css">
<link rel="stylesheet" href="css/psecharts.css">
</head>
<body>
  <div id="container">
    <div id="header">
    <ul>
      <li><a href="index.html">Line</a></li>
      <li><a href="candle.html">Candle</a></li>
      <li><a href="reports.html">Report</a></li>
    </ul>
    
      <ul style="position: absolute; right: 10px; top: -12px;">
      <li>Supported Browsers</li>
      <li><a href="http://www.google.com/chrome">Chrome</a></li>
      <li><a href="http://www.mozilla.com">Firefox 3.5+</a></li>
      <li><a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home">IE8+</a></li>
    </ul>
    </div>
    <div id="content">

  <label for="syms">Tickers</label> <input id="sym_input" name="syms" value="JFC">
  <input id="get_report" type="button" value="Submit">

  <p id="company" style="font-size:250%; color:000066"></p>
  
  <h1>Lowest prices</h1> 
  <div id="dynamic"> 
      <table cellpadding="0" cellspacing="0" border="0" class="display" id="example2">
      </table>

  </div> 
    </div>
    <div id="footer">
      <a href="http://code.google.com/p/psecharts/" style="float:left">http://code.google.com/p/psecharts/</a>
      <a href="http://groups.google.com/group/psecharts-discuss" style="float:right">http://groups.google.com/group/psecharts-discuss</a>
    </div>
  </div>
      
<script>

if (localStorage.lowest1 !== undefined) {
  $("#sym_input").val(localStorage.lowest1)
}


$('#get_report').click(function() {
	localStorage.lowest1 = $("#sym_input").val().toUpperCase()
	
  if ($("#sym_input").val() !== undefined) {
    $.getJSON("data", {report: $("#sym_input").val().toUpperCase()}, function(json) {
      //alert(json)

      
      $('#example2').dataTable( {
    	  "bPaginate": false,
        "sDom": 'T<"clear">lfrtip',
        "bDestroy": true,
        "aaData": json["aaData"],
        "aoColumns": json["headers"]
      } );

    });
    
    
  } //undefined
});

</script>
<script type="text/javascript">
/*
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-16275283-2']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
*/
</script>
</body>
</html>